/* pages/back-card/back-card.less */
@import '../../app.less';
.container {
    padding: 20rpx 14rpx 0;
    .card {
        box-shadow:0rpx 4rpx 14rpx 0px #8CC6FF;
        border-radius:16px;
        font-size: 24rpx;
        overflow: hidden;
        margin-bottom: 40rpx;
        .card-top {
            padding: 20rpx;
            color: @white;
            background:linear-gradient(126deg,rgba(106,162,255,1) 0%,rgba(72,155,255,1) 100%);
            .card-title {
                font-size: 36rpx;
                text {
                    font-size: 24rpx;
                }
            }
            .icon-size {
                margin-right: 16rpx;
            }
            .card-content {
                margin: 10rpx 0 20rpx;
            }
            .card-left {
                text {
                    font-size: 72rpx;
                }
            }
        }
        .card-bottom {
            padding: 22rpx;
            background: #DBECFF;
            color: #4F7CB7;
            .icon-size {
                margin-right: 14rpx;
            }
            
        }
    }
    .common-title {
        font-size: 32rpx;
        font-weight: 500;
        color: @main-color;
        margin-bottom: 10rpx;
    }
    .card-sale {
        background: @white;
        border: 2rpx solid #EFEFEF;
        padding: 16rpx 16rpx 0;
        border-radius: 6rpx;
        font-size: 28rpx;
        color: #535252;
        margin-bottom: 20rpx;
        .card-count {
            color: @minor-color;
        }
        .total-count {
            border-top: 2rpx solid #E5E5E5;
            padding-top: 20rpx;
        }
        .card-price {
            font-size: 24rpx;
            font-weight: 500;
        }
        .total-price {
            font-size: 28rpx;
            font-weight: 500;
        }
        > view {
            margin-bottom: 20rpx;
        }
        .price-pre {
            color: #FF6161;
        }
    }
    .btn-list {
        text-align: right;
        .common-btn {
            display: inline-block;
            width:136rpx;
            height:56rpx;
            line-height: 56rpx;
            border-radius:28px;
            border:2rpx solid #E6C3A0;
            font-size: 24rpx;
            text-align: center;
            color: #E6C3A0;
        }
        .use-btn {
            background:linear-gradient(136deg,rgba(102,102,102,1) 0%,rgba(43,43,43,1) 100%);
            box-shadow:0rpx 4rpx 6rpx 0px rgba(89,89,89,1);
            color: #FFCD81;
            border: none;
            margin-left: 20rpx;
        }

    }
}